<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<!DOCTYPE html>
<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="js/jquery-3.2.1.min.js"></script>
<title>MX16-6184 艺博客_艺博客</title>
<meta name="keywords" content="MX16-6184 艺博客,艺博客，艺术品交易平台">
<meta name="description" content="MX16-6184 艺博客__艺博客">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta content="telephone=no" name="format-detection">
<meta content="width=device-width, minimum-scale=1,initial-scale=1, maximum-scale=1, user-scalable=no" id="viewport" name="viewport">
<meta name="baidu-site-verification" content="ShuFpCrxDG">
<link type="image/x-icon" href="http://static.artbloger.com/favicon.ico" rel="icon">
<link rel="shortcut icon" href="${pageContext.request.contextPath}/favicon.ico" type="text/css" />
<link rel="apple-touch-icon-precomposed" href="http://static.artbloger.com/touch-icon-144.png">
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="http://static.artbloger.com/touch-icon-114.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://static.artbloger.com/touch-icon-114.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://static.artbloger.com/touch-icon-144.png">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://static.artbloger.com/touch-icon-144.png">

<link rel="stylesheet" type="text/css" href="css/iconfont.css">
<link rel="stylesheet" type="text/css" href="css/font_286873_tqipw4depadobt9.css">
<link rel="stylesheet" type="text/css" href="css/responsive.css">
<link rel="stylesheet" type="text/css" href="css/responsive2.css">
<link rel="stylesheet" type="text/css" href="css/common2.css">
<link rel="stylesheet" type="text/css" href="css/common.css">

</head>


<body style="background-color: rgb(204, 204, 204); padding-top: 200px;">

	<div class="container">
		<%@ include file="head.jsp" %>
	
		
		
		<link rel="stylesheet" type="text/css" href="css/jquery.jqzoom.css">
		<script src="js/jquery-1.5.js"></script>
		<script src="js/jquery.jqzoom-core.js"></script>
		<div class="div_kefu_right" style="top: 288px;">
			<section>
				<a href="javascript:;"> <i class="iconfont icon-shouji1"></i> <span>手机微站</span>
					<div>
						<img src="images/phone_buy.png">
					</div>
				</a>
			</section>
			<section>
				<a href="http://q.url.cn/s/pFJgFEm?_type=wpa"> <i class="iconfont icon-qq1"></i> <span>QQ客服</span>
				</a>
			</section>
			<section>
				<a href="javascript:;"> <i class="iconfont icon-erweima1"></i> <span>微信客服</span>
					<div>
						<img src="images/wx_kefu.png">
					</div>
				</a>
			</section>
			<section>
				<a class="top" href="javascript:scroll(0,0)" style="display: none;"> <i class="iconfont icon-icon-top"></i> <span>TOP</span>
				</a>
			</section>
		</div>
		<div class="artwork_topbox">
			<div class="artwork_topcnt">
				<p class="p_top">首页&nbsp;&nbsp;&gt;&nbsp;&nbsp;艺术品&nbsp;&nbsp;&gt;&nbsp;&nbsp;<%=request.getAttribute("name") %></p>
				<div id="artwork-banner" class="f_l">
					<ul id="artwork-banner-list">
						<li class="cur" style="z-index: 1;">
						<a class="jom" href="<%=request.getAttribute("image")%>" rel="" title=""
							style="outline-style: none; text-decoration: none; width: 420px; height: 279px; margin-top: 70.5px; margin-left: 0px;">
								<div class="zoomPad">
									<img src="<%=request.getAttribute("image")%>"height="100%" width="100%"alt="<%=request.getAttribute("name") %>" title="<%=request.getAttribute("name") %>" width="100%" style="opacity: 1;">
									<div class="zoomPup" style="top: -1px; left: 92px; width: 327px; height: 279px; position: absolute; border-width: 1px; display: none;"></div>
									<div class="zoomWindow" style="position: absolute; z-index: 5001; left: 480px; top: -110.5px; display: none;">
										<div class="zoomWrapper" style="width: 600px;">
											<div class="zoomWrapperTitle" style="width: 100%; position: absolute; display: none;"></div>
											<div class="zoomWrapperImage" style="width: 100%; height: 600px;">
												<img src="<%=request.getAttribute("image")%>" style="position: absolute; border: 0px; display: block; left: -170.279px; top: 0px;">
											</div>
										</div>
									</div>
									<div class="zoomPreload" style="visibility: hidden; top: 118px; left: 165px; position: absolute;"></div>
								</div> <!--<img src="http://images.artbloger.com/400_200_1/artwork/2016/06/06/Art_14652016783264.jpg" alt="MX16-6184" title="MX16-6184" width="100%" />-->
								<div class="clearfix"></div>
						</a></li>
					</ul>
					<a href="javascript:;" id="artwork_next" class="artwork-handle"></a> <a href="javascript:;" id="artwork_prev" class="artwork-handle"></a>
					<ul id="artwork-bubble">
						<li class="current"></li>
						<li></li>
						<li></li>
					</ul>
					<span class="scenery"><img src="<%=request.getAttribute("image")%>"height="100%" width="100%">实景预览</span>
				</div>


				<!-- 商品的详情 -->

				<div class="f_r">
					<% request.getAttribute("list");%>
					<c:forEach var="i" items="${list}">
						<p>${i.p_name}</p>
						<p>
							${i.art_type} <a class="" id="like" href="javascript:;">收藏</a>
						</p>
						<section>
							<a href="http://mengjie.s.artbloger.com/"> 
							<img src="${i.p_image}">
							</a>
							<div class="">
								<p>
									<a href="index.do">艺博客</a> 产品数量：${i.p_count}
								</p>
								<p>${i.p_intro}</p>
							</div>
							<div class="clearfix"></div>
						</section>
						<p>
							<span class="sp">售价</span>¥<i>${i.p_price }</i>
						</p>
						<p>
							<span class="sp">商品尺寸：</span> <span>${i.p_size} </span>
						</p>
						<div class="info">
							<span class="sp">装裱服务<i style="display:none;"></i></span>
							<ul>
								<!--<li class="cho">哑光纯黑</li>
					<li>哑光纯白</li>-->
								<li class="fil">默认装裱</li>
							</ul>
							<p>凡在艺博客平台展示出售的艺术品，均经过艺博客平台防伪验真，确保您购得得艺术品均是艺术家本人创作的真品。</p>


						</div>


						<div class="shop">
							<a href="buy.do?buy=${i.p_id}">立刻购买</a> <a id="add_cart" href="shop.do?shop=${i.p_id}">加入购物车</a>
						</div>
	      </c:forEach>
				</div>
			</div>
	
		</div>
		<div class="artwork_cntbox">
			<div class="artwork_cntcnt">
				<div class="HeXinKuangJia artworkdetai_scene">
					<div class="life-show">
						<!--装裱框开始-->
						<div class="life-left-box">
							<p>
								画框选择<input type="button" style="display: none;">
							</p>
							<ul class="life-left">
								<li data-url="http://static.artbloger.com/images/border1.png"><img src="images/border1.png" alt="装裱框"></li>
								<li data-url="http://static.artbloger.com/images/border2.png"><img src="images/border2.png" alt="装裱框"></li>
								<li data-url="http://static.artbloger.com/images/border3.png"><img src="images/border3.png" alt="装裱框"></li>
								<li data-url="http://static.artbloger.com/images/border1.png"><img src="images/border1.png" alt="装裱框"></li>
							</ul>
							<p>
								<input type="button">
							</p>
						</div>
						<!--装裱框闭合-->
						<!--作品场景区域-->
						<div class="life-main">
							<div class="img-box">
								<div id="draggable3" style="border-image: url(http://static.artbloger.com/images/white.png) 10 10 10;">
									<img src="images/Art_14652016783264.jpg" alt="作品图">
								</div>
							</div>
						</div>
						<!--作品场景区域-->
						<!--选择作品-->
						<div class="lift-right-box">
							<p>场景选择</p>
							<div class="right-work-list">
								<ul>
									<li data-height=""><img src="images/scene01.jpg" alt="">
										<div class="work-data">
											<p>客厅</p>
										</div></li>
									<li data-height=""><img src="images/scene02.jpg" alt="">
										<div class="work-data">
											<p>客厅</p>
										</div></li>
									<li data-height=""><img src="images/scene03.jpg" alt="">
										<div class="work-data">
											<p>卧室</p>
										</div></li>
									<li data-height=""><img src="images/scene04.jpg" alt="">
										<div class="work-data">
											<p>卧室</p>
										</div></li>
								</ul>
							</div>
							<p>
								<input type="button">
							</p>
						</div>
						<!--选择作品-->
						<!--场景图-->
						<div class="float-clear"></div>
						<p class="kexin_title">— 实景预览 —</p>
						<span class="cancel">×</span>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
		</div>


		<div class="artwork_btmbox">
			<div class="artwork_btmcnt">
				<p></p>
				<div class="works_del">
					<p>艺博客的其他作品</p>
					<ul>

						<li><a href="http://www.artbloger.com/Cms/Page/ArtworkDetail/id/76012/">
								<div>
									<img src="images/Art_15145155039257.jpg" style="height: 100%; width: 100%;">
								</div>
								<p>温庭钧诗</p> <span><i>¥</i>200</span>
						</a></li>

						<li><a href="http://www.artbloger.com/Cms/Page/ArtworkDetail/id/76011/">
								<div>
									<img src="images/Art_15145154608310.jpg" style="height: 100%; width: 100%;">
								</div>
								<p>韦庄诗</p> <span><i>¥</i>200</span>
						</a></li>

						<li><a href="http://www.artbloger.com/Cms/Page/ArtworkDetail/id/76010/">
								<div>
									<img src="images/Art_15145154213447.jpg" style="height: 100%; width: 100%;">
								</div>
								<p>王维诗</p> <span><i>¥</i>200</span>
						</a></li>

						<li><a href="http://www.artbloger.com/Cms/Page/ArtworkDetail/id/76009/">
								<div style="padding-top: 46px; box-sizing: border-box;">
									<img src="images/Art_15145153862167.jpg" style="width: 100%;">
								</div>
								<p>扇面李白诗</p> <span><i>¥</i>400</span>
						</a></li>

						<li><a href="http://www.artbloger.com/Cms/Page/ArtworkDetail/id/76008/">
								<div>
									<img src="images/Art_15145153473210.jpg" style="height: 100%;">
								</div>
								<p>秦观词</p> <span><i>¥</i>200</span>
						</a></li>
					</ul>
					<div class="clearfix"></div>
				</div>
				<div class="works_del">
					<p>猜你喜欢</p>
					<ul>
						<li><a href="http://www.artbloger.com/Cms/Page/ArtworkDetail/id/12611/">
								<div>
									<img src="images/Art_14102477163168.JPG" title="作品3" alt="作品3" style="height: 100%; width: 100%;">
								</div>
								<p>
									作品3 -<span>胡伟平</span>
								</p> <span><i>¥</i>28000</span>
						</a></li>
						<li><a href="http://www.artbloger.com/Cms/Page/ArtworkDetail/id/12616/">
								<div>
									<img src="images/Art_14102479985110.jpg" title="作品4" alt="作品4" style="height: 100%; width: 100%;">
								</div>
								<p>
									作品4 -<span>胡伟平</span>
								</p> <span><i>¥</i>28000</span>
						</a></li>
						<li><a href="http://www.artbloger.com/Cms/Page/ArtworkDetail/id/12617/">
								<div>
									<img src="images/Art_14102481113642.jpg" title="笃行致远" alt="笃行致远" style="height: 100%; width: 100%;">
								</div>
								<p>
									笃行致远 -<span>卢惠平</span>
								</p> <span><i>¥</i>2000</span>
						</a></li>
						<li><a href="http://www.artbloger.com/Cms/Page/ArtworkDetail/id/12619/">
								<div>
									<img src="images/Art_14102481912410.JPG" title="作品5" alt="作品5" style="height: 100%; width: 100%;">
								</div>
								<p>
									作品5 -<span>胡伟平</span>
								</p> <span><i>¥</i>28000</span>
						</a></li>
						<li><a href="http://www.artbloger.com/Cms/Page/ArtworkDetail/id/12629/">
								<div>
									<img src="images/Art_14102489097649.JPG" title="作品6" alt="作品6" style="height: 100%; width: 100%;">
								</div>
								<p>
									作品6 -<span>胡伟平</span>
								</p> <span><i>¥</i>28000</span>
						</a></li>
					</ul>
					<div class="clearfix"></div>
				</div>
			</div>
		</div>
		<script src="js/jquery-ui.min.js"></script>
		
		
		
		<div class="footer_box">
			<div class="footer_top">
				<img class="footer_img" src="images/footer_log.png">
				<div class="fr">
					<dl class="fl">
						<dt>
							<i></i><a href="http://www.artbloger.com/Cms/Page/Questions/">帮助中心</a>
						</dt>
						<dd>
							<a href="http://www.artbloger.com/Cms/Page/Questions/">常见问题</a>
							<!--<a href="/Cms/Page/ContactUs/">售后服务</a>-->
							<a href="http://www.artbloger.com/Cms/Page/AboutUs/">关于艺博客</a>
						</dd>
					</dl>
					<dl class="fl">
						<dt>
							<i></i><a href="http://www.artbloger.com/Cms/Page/BuyFlow/">使用指南</a>
						</dt>
						<dd>
							<a href="http://www.artbloger.com/Cms/Page/BuyFlow/">购买流程</a> <a href="http://www.artbloger.com/Cms/Page/LeaseFlow/">租赁服务</a>
							<!--<a href="/Cms/Page/LeaseFlow/">装裱和配送</a>-->
						</dd>
					</dl>
					<dl class="fl">
						<dt>
							<i></i><a href="http://www.artbloger.com/Cms/Page/AboutUs/">关于我们</a>
						</dt>
						<dd>
							<!--<a href="javsacript:;">人才招募</a>-->
							<a href="http://www.artbloger.com/Cms/Page/ContactUs/">联系我们</a> <a href="http://www.artbloger.com/Cms/Zhuanti/ArtInterview/">艺术家招募</a>
						</dd>
					</dl>
					<dl class="fr img">
						<dt>
							<img src="images/dingyuehao.png">
						</dt>
						<dd>
							<a href="javascript:;">微信订阅号</a>
						</dd>
					</dl>
					<dl class="fr img">
						<dt>
							<img src="images/app_down.jpg">
						</dt>
						<dd>
							<a href="javascript:;">手机艺博客</a>
						</dd>
					</dl>
				</div>
				<div class="clearfix"></div>
			</div>
			<div class="footer_bottom">
				<p class="footer_bottom_p">
					艺博客版权所有 <a href="http://www.miitbeian.gov.cn/">沪ICP备16022500号</a>Copyright © 2013 - 2017 artbloger.com, All Rights Reserved. <span id="cnzz_stat_icon_1265187549"><a
						href="http://www.cnzz.com/stat/website.php?web_id=1265187549" target="_blank" title="站长统计"><img border="0" hspace="0" vspace="0" src="images/pic.gif"></a></span>
				</p>
			</div>
		</div>
	</div>


	<iframe name="228987" height="0" width="0" src="images/mv.html" style="display: none;"></iframe>


</body>

</html>
